import { useEffect } from 'react'
import { Timeline } from 'antd';
import { LeftOutlined, SmileOutlined } from '@ant-design/icons';
import { useNavigate } from 'react-router-dom';
export const Set = () => {
    const router = useNavigate()
    useEffect(() => {
    }, []);
    const backarts = () => {
        router('/main')

    }
    return (
        <div>
            <div className='detal'>
                <LeftOutlined onClick={backarts} style={{ fontSize: '2rem' }} />
            </div>
            <Timeline>
                <Timeline.Item color="green">数据库连接中</Timeline.Item>
                <Timeline.Item color="green">数据库已经连接</Timeline.Item>
                <Timeline.Item color="red">
                    <p>网络资源加载缓慢</p>
                    <p>/getlogin请求数据异常</p>
                    <p>Websocket还未连接</p>
                </Timeline.Item>
                <Timeline.Item>
                    <p>数据asxsad48547请求成功</p>
                    <p>数据asxsad55547请求成功</p>
                    <p>Websocket已经连接</p>
                    <p>2022-09-01 12:31:01</p>
                </Timeline.Item>
                <Timeline.Item color="gray">
                    <p>图片资源未找到</p>
                    <p>图片资源未找到</p>
                    <p>未知请求</p>
                </Timeline.Item>
                <Timeline.Item color="green">
                    <p>数据masdwedwq154784访问成功</p>
                    <p>数据awfewjhfsekfe7878454删除成功</p>
                    <p>2022-09-01 16:35:09</p>
                </Timeline.Item>
                <Timeline.Item color="#red" dot={<SmileOutlined />}>
                    <p>连接已断开</p>
                </Timeline.Item>
            </Timeline>
        </div >
    )
}